<template>
  <div class="verifyContract">
    <div class="way">
      <p class="fs-16 primary">
        方法一、使用商城合同验签功能
      </p>
      <p class="fs-16">第{{ carouselCurrent }}步</p>
      <a-carousel
        arrows
        :after-change="onCarouselChange"
        style="margin-bottom:1em;"
      >
        <div slot="prevArrow" style="z-index:1;left: 10px;">
          <a-icon
            type="left-circle"
            :style="{ fontSize: '30px' }"
            class="primary"
          />
        </div>
        <div slot="nextArrow" style="z-index:1;right: 10px;">
          <a-icon
            type="right-circle"
            :style="{ fontSize: '30px' }"
            class="primary"
          />
        </div>
        <img :src="'/img/ca/banner' + 1 + '.png'" alt="" />
        <img :src="'/img/ca/banner' + 2 + '.png'" alt="" />
        <img :src="'/img/ca/banner' + 3 + '.png'" alt="" />
      </a-carousel>
    </div>
    <div class="way">
      <p class="fs-16 primary">
        方法二、使用Adobe Reader PDF阅读器
      </p>
      <p class="indent fs-15 desc">
        由于Adobe Reader属于国际型应用，国内CA机构颁发的证书不在Adobe
        Reader的证书信任链接中，同时由于e签宝的电子签名使用的是国内CA颁发的CA证书，所以使用Adobe
        Reader进行电子签名有效性验证的时候需要先将国内CA的证书导入到Adobe
        Reader的信任链接中。
      </p>
      <div class="steps">
        <p class="title">具体操作步骤如下：</p>
        <ul>
          <li>
            <p>
              1、在您的电脑上安装Adobe Reader
              PDF阅读器（若已安装，直接进行第二步操作）
            </p>
            <p>
              您可以登录
              <a
                href="https://acrobat.adobe.com/cn/zh-Hans/acrobat/pdf-reader.html"
                target="_blank"
                class="primary"
                >Adobe Reader</a
              >的官方软件下载此软件
            </p>
          </li>
          <li>
            <p>
              2、导入CA证书
            </p>
            <p>
              <span
                >通过CA证书导入程序导入CA证书，双击以下程序以管理员身份运行：</span
              >
              <span>
                <a
                  href="https://qianxiaoxia.yuque.com/docs/share/cad3bf58-c22f-4cd3-a7cf-7204b0ecb82c#"
                  target="_blank"
                  class="primary"
                  >证书导入控件下载</a
                >
                ，执行成功后，则会提示导入成功
              </span>
            </p>
          </li>
          <li>
            <p>
              3、验证电子签名合同
            </p>
            <p>
              使用Adobe Reader
              PDF阅读器打开需要验证的文档，找到合同中的电子签章后，点击电子签章，即可查看电子签章的有效性，如下图所示：
            </p>
            <p>
              <img width="300" src="/img/ca/step1.png" alt="" />
            </p>
            <p>
              <img width="500" src="/img/ca/step2.png" alt="" />
            </p>
            <p>
              点击“签名属性”按钮，可以查看该电子签名的其他有效信息。
            </p>
            <p>
              <img width="500" src="/img/ca/step3.png" alt="" />
            </p>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      carouselCurrent: 1 // 轮播图页数
    };
  },
  methods: {
    onCarouselChange(current) {
      this.carouselCurrent = current + 1;
    }
  }
};
</script>

<style lang="scss" scoped>
::v-deep .ant-carousel .slick-arrow {
  width: 30px;
  height: 30px;
  opacity: 0.3;
}
::v-deep .ant-carousel .slick-arrow:hover {
  opacity: 1;
}
</style>
